<template>
    <div class="nav-wrap filter-nav-wrap">
            <div class="tab mb-line-b">
                <div class="item">
                    全城
                    <span class="drop"></span>
                </div>
                <div class="item">
                    APP订票
                    <span class="drop"></span>
                </div>
                <div class="item">
                    最近去过
                    <span class="drop"></span>
                </div>
            </div>
    </div>
</template>
<style scoped>
.fixed .nav-wrap.filter-nav-wrap {
    z-index: 100;
}
.nav-wrap.filter-nav-wrap {
    width: 100%;
    height: 40px;
    z-index: 10;
    background-color: #fff;
}
 .nav-wrap {
    position: relative;
}
.nav-wrap.filter-nav-wrap .tab {
    display: -webkit-box;
    display: flex;
}
@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3){
    .mb-line-all, .mb-line-b, .mb-line-l, .mb-line-lr, .mb-line-r, .mb-line-t, .mb-line-tb, .mb-outline-b, .mb-outline-t, .mb-outline-tb {
    background-size: 1px 1px;
}
}
.mb-line-b {
    background: url() 0 bottom repeat-x ;
}
/* .nav-wrap::after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #ededed;
    color: #ededed;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5);
} */
.fixed .close-tab, .fixed .close-tab .page {
    display: block;
}
.close-tab {
    position: relative;
    width: 100%;
    background: #fff;
    z-index: 100;
    overflow: scroll;
    display: none;
}
.nav-wrap.filter-nav-wrap .tab .item {
    -webkit-box-flex: 1;
    flex: 1;
    text-align: center;
    line-height: 40px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    font-size: 13px;
    text-overflow: ellipsis;
}
 .tab .chosenTitle {
    color: #e54847;
}
div {
    display: block;
}
.nav-wrap.filter-nav-wrap .tab .item+.item:before {
    content: "";
    display: block;
    position: absolute;
    height: 20px;
    top: 10px;
    left: 0;
    border-left: 1px solid #e8e8e8;
}
.nav-wrap.filter-nav-wrap .tab .item .drop {
    display: inline-block;
    position: absolute;
    top: 18px;
    width: 0;
    height: 0;
    margin-left: 4px;
    border: 4px solid transparent;
    border-top-color: #b0b0b0;
}
.item {
    font-size: 14px;
    color: #777;
}

</style>
